<!DOCTYPE html>
<html lang="ru en">
  <head>
    <meta charset="utf-8">
    <meta name="description" content="">
    <meta name="author" content="TSU Team">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Найди профессию своей мечты!</title>
    <link href="images/favicon.jpg" rel="shortcut icon" type="image/jpg">
    <link href="css/style.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Gabriela" rel="stylesheet">
    <link href="css/normalize.css" rel="stylesheet">
  </head>
  <body>
    <header class="main-header">
      <div class="container">
        <nav class="main-navigation">
          <a class="main-header-logo" href="index.html">
            <img src="images/favicon.jpg" width="50" height="50" alt="Logo">
          </a>
          <ul class="site-navigation">
            <li><a href="lifecycle.html">Карта процессов</a></li>
            <li><a href="map.html">Карта профессий</a></li>
            <li><a href="team.html">О команде</a></li>
            <li><a href="feedback.html">Обратная связь</a></li>
          </ul>
        </nav>
      </div>
    </header>
    <main>
      <div class="container">
        <div class="greeting">
          <h1>Приветствуем будущих студентов!</h1>
        </div>
      </div>
      <section class="features">
        <ul class="features-list">
          <li class="features-item">
            <ul class="stars-list">
              <li><img src="images/star.svg" width="35" height="35" alt="star"></li>
              <li><img src="images/star.svg" width="35" height="35" alt="star"></li>
              <li><img src="images/star.svg" width="35" height="35" alt="star"></li>
            </ul>
            <p>
               Итак, время пришло. Пора узнать о профессиях подробнее. На этом сайте вы найдете
               много полезной информации о профессиях в сфере информационных технологий. Мы постарались
               максимально подробно описать каждую из них. Разумеется не обошлось без интересных
               презентаций.
            </p>
          </li>
          <li class="features-item">
            <div class="features-item-image1"></div>
          </li>
          <li class="features-item">
            <ul class="stars-list">
              <li><img src="images/star.svg" width="35" height="35" alt="star"></li>
              <li><img src="images/star.svg" width="35" height="35" alt="star"></li>
              <li><img src="images/star.svg" width="35" height="35" alt="star"></li>
            </ul>
            <p>
              Немного о навигации на нашем сайте. Сверху, вы найдете очень удобное меню.
              Переходя по каждом разделу, вы интуитивно поймете, что нужно делать.
              Рекомендую начать изучение с самого главного раздела, он называется
              "Карта процессов". Щелкнув по специальной кнопке в меню, вы перейдете на нужную
              страницу, где вы в первую очередь узнаете, о самом главном. О процессе создания
              любого цифрого продукта. Говоря простым языком, я имел ввиду программу. Еще
              иногда ее называют приложением. Полноценным приложением, которое помогает вам
              решать, какой либо бытовой вопрос или просто упрощающее вашу ежедневную деятельность.
              Более подробная информация внутри раздела.
            </p>
          </li>
          <li class="features-item">
            <div class="features-item-image2"></div>
          </li>
          <li class="features-item">
            <ul class="stars-list">
              <li><img src="images/star.svg" width="35" height="35" alt="star"></li>
              <li><img src="images/star.svg" width="35" height="35" alt="star"></li>
              <li><img src="images/star.svg" width="35" height="35" alt="star"></li>
            </ul>
            <p>
              IT сектор огромен. Тут очень много всяких разных профессий.
              Зная больше о них, будет легче выбрать ту самую. Навыки в которой
              будет приятно и легко развивать. Если в итоге будет сделан верный
              выбор, то вы рискуете стать полноценным и счастливым человеком.
              Чтобы увидеть исчерпывающую информацию о каждой представленной
              профессии, перейдите в раздел "Карта профессий".
            </p>
          </li>
          <li class="features-item">
            <div class="features-item-image3"></div>
          </li>
          <li class="features-item">
            <ul class="stars-list">
              <li><img src="images/star.svg" width="35" height="35" alt="star"></li>
              <li><img src="images/star.svg" width="35" height="35" alt="star"></li>
              <li><img src="images/star.svg" width="35" height="35" alt="star"></li>
            </ul>
            <p>
              Ну и конечно же обсудим о том зачем и для чего вам нужно изучать
              математические дисциплины. В последнее время стало слишком модно, говорить о том,
              на сколько бесполезна эта наука. Что изучение этой дисциплины не имеет
              никакого смысла. И прочий подобный бред. Не знаю, кто так старательно
              поставляет подобную информацию в массы, но это явно не к добру. Вынужден
              успокоить вас, что математика - это царица всех наук. Без нее, ну совсем
              никуда. Многие ее боятся и быстро опускают руки, при столкновении с
              первыми трудностями, что является огромной ошибкой. На самом деле
              эту науку, как и любую другую, можно освоить. И это не так сложно, как
              иногда кажется. Более детально о структурном мышлении по
              <a href="math.html">ссылке</a>.
            </p>
          </li>
        </ul>
      </section>
      <hr>
      <section class="collaboration">
        <ul class="collaboration-list">
          <li>
            <a href="https://www.tltsu.ru">
              <img src="images/favicon.jpg" width="200" height="200" alt="tsu-logo">
            </a>
          </li>
          <li>
            <a href="https://it-student.ru">
              <img src="images/logo-it-student.png" width="240" height="100" alt="it-student-logo">
            </a>
          </li>
          <li>
            <a href="http://tlt.edu-netcracker.com">
              <img src="images/logo-nc.jpeg" width="200" height="200" alt="ns-logo">
            </a>
          </li>
        </ul>
      </section>
    </main>
    <footer class="main-footer">
      <div class="container">
        <section class="footer-items">
          <section class="footer-information">
            <p>
              <img src="images/telephone-icon.png" width="30" height="30" alt="telephone">
              +7(8482)54-64-24
            </p>
            <p><a href="https://www.tltsu.ru">www.tltsu.ru</a></p>
          </section>
          <section class="footer-location">
            <p>Тольяттинский Государственный Университет</p>
            <a href="https://2gis.ru/togliatti/query/%D0%A2%D0%BE%D0%BB%D1%8C%D1%8F%D1%82%D1%82%D0%B8%D0%BD%D1%81%D0%BA%D0%B8%D0%B9%20%D0%B3%D0%BE%D1%81%D1%83%D0%B4%D0%B0%D1%80%D1%81%D1%82%D0%B2%D0%B5%D0%BD%D0%BD%D1%8B%D0%B9%20%D1%83%D0%BD%D0%B8%D0%B2%D0%B5%D1%80%D1%81%D0%B8%D1%82%D0%B5%D1%82/firm/3096753024914440?queryState=center%2F49.397794%2C53.500492%2Fzoom%2F16">
              <img src="images/pin.gif" width="20" height="20" alt="pin">
            </a>
            <p>ул. Беллорусская 14, Тольятти 445020</p>
          </section>
        </section>
        <section class="footer-copyrights">
          <p>@ 2019 Команда ТГУ. Все права защищены.</p>
        </section>
      </div>
    </footer>
  </body>
</html>
